<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<html>
<head>
    <base href="${ctx}/">
    <title>订单信息</title>
    <script src="assets/lib/jQuery/jquery-3.7.0.min.js"></script>
    <script src="assets/lib/laydate/laydate.js"></script>
    <script src="assets/lib/layer/layer.js"></script>
    <link rel="stylesheet" href="assets/lib/reset.css">
    <script>
        const ctx = "${ctx}/";
        const commodityIdFromCommodity = "${id}";
    </script>
    <script src="assets/JS/order/list.js"></script>
    <link rel="stylesheet" href="assets/CSS/order/list.css">
</head>
<body>
<%--查询输入区域--%>
<div class="search clear">
    <form action="" method="post">
        <div>
            <label for="orderId">订单编号:</label>
            <input type="text" name="orderId" id="orderId">
        </div>
        <div>
            <label for="customerId">客户编号:</label>
            <input type="text" name="customerId" id="customerId">
        </div>
        <div>
            <label for="commodityId">商品编号:</label>
            <input type="text" name="commodityId" id="commodityId">
        </div>
        <div>
            <label for="quantityFrom">下单数量:</label>
            <input type="text" name="quantityFrom" id="quantityFrom">
            ~
            <input type="text" name="quantityTo" id="quantityTo">
        </div>
        <div>
            <label for="customerPhone">联系电话:</label>
            <input type="text" name="customerPhone" id="customerPhone" >
        </div>
        <div>
            <label for="orderTimeFrom">下单时间:</label>
            <input type="text" name="orderTimeFrom" id="orderTimeFrom" readonly>
            ~
            <input type="text" name="orderTimeTo" id="orderTimeTo" readonly>
        </div>

        <div>
            <button type="reset">重置</button>
        </div>
    </form>


</div>
<%--操作区域--%>
<div class="actions clear">
    <div class="fl">
        <button type="button" id="search">查询</button>
    </div>
    <div class="fl">
        <button type="button" id="add">新增</button>
    </div>
    <div class="fl">
        <button type="button" id="edit">修改</button>
    </div>
    <div class="fl">
        <button class="del" type="button" id="delete">删除</button>
    </div>
</div>
<div class="data">
    <table id="table">
        <thead>
        <tr>
            <th><input type="checkbox" id="checkAll"></th>
            <th>编号</th>
            <th>订单编号</th>
            <th>客户编号</th>
            <th>商品编号</th>
            <th>下单数量</th>
            <th>客户电话</th>
            <th>下单时间</th>
            <th>备注</th>
        </tr>
        </thead>
        <tbody>

        </tbody>
    </table>
    <div class="paginate clear">
        <div>
            <span>总记录数:</span><span class="total"></span>
            <span>总页数:</span><span class="pages"></span>
        </div>
        <div id="ul">
            <ul class="clear">
                <li class="first"><a href="#">首页</a></li>
                <li class="previous"><a href="#">上一页</a></li>
                <li class="next"><a href="#">下一页</a></li>
                <li class="last"><a href="#">尾页</a></li>
            </ul>
        </div>

        <div id="pages">
            <label for="choosePageSize">每页显示条数:</label>
            <select class="choosePageSize" id="choosePageSize">
                <option value="10" selected>10</option>
                <option value="20">20</option>
                <option value="30">30</option>
                <option value="50">50</option>
                <option value="100">100</option>
            </select>
        </div>
    </div>
</div>

</body>
</html>
